@import "../../../styles/_commonColor.scss";

.carDetail {
  .bottomTips{
    padding:16px 0 16px 30px;
    font-size: 26px;
  }
  .headermessage {
    padding: 35px 30px 18px 30px;
    display: flex;
    align-items: center;
    .updateMessage{
      display:block;
      flex: 1;
      text-align: right;
      color:$gray;
      img{
        width:15px;
        margin-left: 10px;
      }
      span,img{
        vertical-align: middle;
        font-size: 26px;
      }
    }
  }
  .tips{
    padding:0 0 16px 30px;
  }
  .messageContent {
    font-size: 32px;
    display: flex;
    align-items: center;
    div {
      &:nth-child(1){
        width:200px;
      }
      &:nth-child(2) {
        color: $darkgray;
      }
    }
  }

  .userMessage {
    font-size: 32px;
    margin-top: 34px;
    .newMessageStatus {
      display: flex;
      align-items: center;
      padding: 0 30px 0 0;
      & > div {
        &:nth-child(1) {
          flex: 1;
        }
      }
    }

    .phone {
      display: flex;
      align-items: center;
      input {
        border: none;
        margin-left: 36px;
        outline: none;
      }
    }

  }

  .save, .delete {
    display: block;
    width: 100%;
    padding: 30px 0;
    font-size: 32px;
    text-align: center;
    border: none;
    &:active{
      opacity: 0.8;
    }
  }

  .save{
    background: white;
    border-top: solid 1PX $borderlinegray;
    border-bottom: solid 1PX $borderlinegray;
    margin-top: 44px;
  }

  .delete{
    background: transparent;
    color:#919090;
  }
}